<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
	<title>北陆教育</title>
	<link rel="stylesheet" href="css/comm.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.aniview.min.js"></script>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/menu.js"></script>
	<script src="js/index.js"></script>
	<script>
        $(document).ready(function(){
            $('.aniview').AniView();
        });
    </script>
</head>
<body>
	<header>
		<div class="Gwidth">
			<nav class="head_nav head_n_nav">
				<div class="back">
					<a href=""></a>
				</div>
				<ul>
					
					<li>
						<a href="./ask_questions.html">提问</a>
					</li>
				</ul>
				<div class="menu">

				</div>
			</nav>
		</div>
		<nav class="menu_nav">
			<div class="close"></div>
			<ul>
				<li class="active">
					<a href="./index.html">首页</a>
				</li>
				<li>
					<a href="./about.html">关于我们</a>
				</li>
				<li>
					<a href="./team.html">硕博团队</a>
				</li>
				<li>
					<a href="./case.html">成功案例</a>
				</li>
				<li>
					<a href="./evaluation.html">心理测评</a>
				</li>
				<li>
					<a href="./encyclopedia.html">心理百科</a>
				</li>
				<li>
					<a href="./qa.html">心理问答</a>
				</li>
				<li>
					<a href="./classroom.html">云课堂</a>
				</li>
				<li>
					<a href="./public_welfare.html">北陆公益</a>
				</li>
			</ul>
		</nav>
	</header>
	<!-- banner -->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="img">
						<img src="./images/banner.png" alt="" srcset="">
					</div>
					<div class="content">
						<div class="cont">
							<div class="number">
								<span class="ask_num"></span>
								<p>个心理问题得到专业解答</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/digitalScroll.js"></script>
		<script type="text/javascript" src="js/numberScroll.js"></script>
		<script> 
			var banner = new Swiper('.banner .swiper-container', {
				autoplay: 5000,//可选选项，自动滑动
			})
		</script>
	</div>
	<!--  -->
	<div class="ask_questions">
		<div class="Gwidth content">
			<div class="tips">
				<div class="lf">
					描述您的问题
				</div>
				<div class="lr">
					<span>180</span>
					位在线专家为您解答
				</div>
			</div>
			<form action="" method="post">
				<div class="cont">
					<div class="title">
						<input type="text" name="title" placeholder="写标题（一句话概述您的问题）">
					</div>
					<div class="message">
						<textarea name="" id="" placeholder="写咨询内容，同时想获得什么样的帮助？"></textarea>
					</div>
					<div class="phone">
						<input type="text" name="phone" placeholder="请输入您的手机号码">
					</div>
					<div class="code">
						<input type="text" name="code" placeholder="请输入验证码">
						<button class="ask_questions_code" type="button">获取验证码</button>
					</div>
				</div>
				<button class="submit">提交问题</button>
			</form>
		</div>
	</div>
    <!-- 公共 -->
    <div class="Gbtm">
        <div class="recommend">
            <div class="top">
				<div class="Gtitle">
					<h1>优秀咨询师推荐</h1>
				</div>
				<a href=""ge class="more">更多></a>
			</div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="item">
                            <div class="img">
                                <img src="./images/m.png" alt="" srcset="">
                            </div>
                            <div class="user">
                                <div class="name">陈老师</div>
                                <div class="btn">
                                    <a href="">向专家提问</a>
                                    <a href="">与专家通话</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item">
                            <div class="img">
                                <img src="./images/m.png" alt="" srcset="">
                            </div>
                            <div class="user">
                                <div class="name">陈老师</div>
                                <div class="btn">
                                    <a href="">向专家提问</a>
                                    <a href="">与专家通话</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="item">
                            <div class="img">
                                <img src="./images/m.png" alt="" srcset="">
                            </div>
                            <div class="user">
                                <div class="name">陈老师</div>
                                <div class="btn">
                                    <a href="">向专家提问</a>
                                    <a href="">与专家通话</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                var mySwiper = new Swiper('.recommend .swiper-container', {
                    slidesPerView : 3, 
                    loop:true
                })

            </script>
        </div>
        <!-- 心理百科 -->
		<div class="index_evaluation">
			<div class="Gwidth">
				<div class="top">
					<div class="Gtitle">
						<h1>心理百科</h1>
					</div>
					<a href="">更多></a>
				</div>
				<div class="content">
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>12-07</p>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>12-07</p>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>12-07</p>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 心理测评 -->
		<div class="index_evaluation">
			<div class="Gwidth">
				<div class="top">
					<div class="Gtitle">
						<h1>心理测评</h1>
					</div>
					<a href="">更多></a>
				</div>
				<div class="content">
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>¥9.9</p>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>¥9.9</p>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="">
							<div class="img">
								<img src="./images/banner.png" alt="" srcset="">
							</div>
							<div class="cont">
								<h1>综合心理健康评测(SCL-90)</h1>
								<div class="des">
									测评描述：青少年在青春期青少年在青春期
									常见的集中普遍问
								</div>
								<div class="number">
									<p>¥9.9</p>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
    </div>
	<!-- 底部 -->
	<footer>
		<div class="lf">
			<ul>
				<li>公司   河南北陆教育信息咨询有限公司</li>
				<li>电话   400-188-5865</li>
				<li>网址   www.beiluing.com</li>
				<li>地址   河南省郑州市金水区花园路农科路万达中心</li>
			</ul>
			<div class="bq">
				<p>版权所有@河南北陆教育信息咨询有限公司</p>
				<p>豫ICP备2020031858号</p>
			</div>
		</div>
		<div class="lr">
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>微信公众号</h1>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>扫码立即咨询</h1>
			</div>
		</div>
	</footer>
	<!-- 底部导航 -->
	<div class="btm_nav">
		<ul>
			<li class="active">
				<a href="tel:13373423845">一键拨号</a>
			</li>
			<li>
				<a href="">在线咨询</a>
			</li>
			<li>
				<a href="">提问求助</a>
			</li>
			<li>
				<a href="">预约专家</a>
			</li>
			<li>
				<a href="">我的</a>
			</li>
		</ul>
	</div>
	<!-- 侧栏 -->
	<div class="sidebar">
		<ul>
			<li>
				<a href="">
					<img src="./images/icon/sidebar1.png" alt="">
				</a>
			</li>
			<li class="top">
				<a href="javascript:void(0);">
					<img src="" alt="">
				</a>
			</li>
		</ul>
	</div>
</body>
</html>